<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link href="SyntaxHighlighter.css" rel="stylesheet" type="text/css" />
<style type="text/css"><!--
p.MsoNormal {margin:0cm;
margin-bottom:.0001pt;
text-autospace:none;
font-size:10.0pt;
font-family:Arial;}
-->
</style>
<style type="text/css">
<!--
table.MsoNormalTable {
font-size:10.0pt;
font-family:"Times New Roman";
}
-->
</style>
</head>

<body>
<p class="MsoNormal" style="background:white;"><span class="MsoNormal" style="background:white;"><img src="saibamais.jpg" width="270" height="50" alt="Saiba Mais" /></span></p>
<p class="MsoNormal" style="margin-top:28.1pt;line-height:12.0pt;background:white;"><strong><span style="font-size:12.0pt; ">Checkpoint</span></strong><strong><span style="font-size:12.0pt; "> 6.1</span></strong></p>
<p class="MsoNormal" style="margin-left:28.3pt;line-height:12.0pt;background:white;"><span style="font-size:12.0pt; ">Organize documents so  they may be read without style sheets. For example, when an HTML document is  rendered without associated style sheets, it must still be possible to read the  document</span><span style="font-size:12.0pt; ">.</span></p>
<p class="MsoNormal" style="margin-top:9.6pt;background:white;"><strong><span style="letter-spacing:-.1pt; font-size:12.0pt; ">Example:</span></strong></p>
<p class="MsoNormal" style="margin-top:10.1pt;line-height:28.8pt;background:white;"><span style="font-family:'Times New Roman'; font-size:19.0pt; color:red; ">Imagination is  more</span><span style="color:red; "> </span></p>
<p class="MsoNormal" style="margin-left:108.0pt;line-height:28.8pt;background:white;"><span style="letter-spacing:-.3pt; font-family:'Times New Roman'; font-size:19.0pt; ">important</span></p>
<p class="MsoNormal" style="margin-left:180.0pt;line-height:28.8pt;background:white;"><span style="font-family:'Times New Roman'; font-size:24.0pt; color:blue; ">than intelligence</span><span style="color:blue; "> </span></p>
<p class="MsoNormal" style="margin-left:324.0pt;line-height:28.8pt;background:white;"><em><span style="font-family:'Times New Roman'; font-size:19.0pt; color:#339966; ">Albert Einstein</span></em><span style="color:#339966; "> </span></p>
<p class="MsoNormal" style="margin-top:18.7pt;margin-right:24.95pt;margin-bottom:.0001pt;margin-left:0cm;line-height:12.0pt;background:white;"><span style="letter-spacing:-.05pt; font-size:12.0pt; ">This example uses the style attributes to specity the vertical and horizontal positions:</span></p>
<p class="MsoNormal" style="margin-top:11.3pt;margin-right:349.45pt;margin-bottom:.0001pt;margin-left:.25pt;line-height:9.85pt;background:white;"><strong><span style="letter-spacing:-.35pt; font-family:'Courier New'; ">&lt;style type=</span></strong><strong><span style="font-family:'Courier New'; ">&rdquo;</span></strong><strong><span style="font-family:'Courier New'; ">text/css</span></strong><strong><span style="font-family:'Courier New'; ">&rdquo;</span></strong><strong><span style="font-family:'Courier New'; ">&gt; </span></strong><strong><span style="font-family:'Courier New'; ">&lt;!--</span></strong></p>
<p class="MsoNormal" style="margin-top:9.35pt;margin-right:0cm;margin-bottom:.0001pt;margin-left:.25pt;line-height:9.85pt;background:white;"><strong><span style="letter-spacing:-.25pt; font-family:'Courier New'; ">.parte1 /* Imagination is more</span></strong><strong><span style="font-family:'Courier New'; "> */</span></strong></p>
<p class="MsoNormal" style="margin-left:.25pt;line-height:9.85pt;background:white;"><strong><span style="font-family:'Courier New'; ">{ padding-left: 0; margin-top:  10px; color: red; font-size: 18pt; font-family: times</span></strong> </p>
<p class="MsoNormal" style="margin-left:.25pt;line-height:9.85pt;background:white;"><strong><span style="font-family:'Courier New'; ">new roman }</span></strong> </p>
<p class="MsoNormal" style="margin-top:9.35pt;margin-right:0cm;margin-bottom:.0001pt;margin-left:.25pt;line-height:10.1pt;background:white;"><strong><span style="font-family:'Courier New'; ">.parte2 /* important */</span></strong> </p>
<p class="MsoNormal" style="margin-left:.25pt;line-height:10.1pt;background:white;"><strong><span style="font-family:'Courier New'; ">{padding-left: 100px;  margin-top: 40px;color: black; font-size: 14pt; font-family:</span></strong> </p>
<p class="MsoNormal" style="margin-left:.25pt;line-height:10.1pt;background:white;"><strong><span style="font-family:'Courier New'; ">times new roman }</span></strong></p>
<p class="MsoNormal" style="margin-top:9.35pt;margin-right:0cm;margin-bottom:.0001pt;margin-left:.25pt;line-height:9.85pt;background:white;"><strong><span style="font-family:'Courier New'; ">.parte3 /* than intelligence</span></strong><strong><span style="font-family:'Courier New'; "> */</span></strong></p>
<p class="MsoNormal" style="margin-left:.25pt;line-height:9.85pt;background:white;"><strong><span style="font-family:'Courier New'; ">{ padding-left: 200px;  margin-top: 70px; color: blue; font-size: 20pt; font-family:</span></strong> </p>
<p class="MsoNormal" style="margin-left:.25pt;line-height:9.85pt;background:white;"><strong><span style="font-family:'Courier New'; ">times new roman }</span></strong> </p>
<p class="MsoNormal" style="margin-top:9.35pt;margin-right:0cm;margin-bottom:.0001pt;margin-left:.25pt;line-height:9.85pt;background:white;"><strong><span style="font-family:'Courier New'; ">.parte4 /* Albert Einstein */</span></strong> </p>
<p class="MsoNormal" style="margin-left:.25pt;line-height:9.85pt;background:white;"><strong><span style="letter-spacing:-.3pt; font-family:'Courier New'; ">{ padding-left: 350px;  margin-top: 100px; color: green; font-size: 16pt; font-family:</span></strong> </p>
<p class="MsoNormal" style="margin-left:.25pt;line-height:9.85pt;background:white;"><strong><span style="font-family:'Courier New'; ">times new roman }</span></strong></p>
<p class="MsoNormal" style="margin-top:9.35pt;margin-right:424.3pt;margin-bottom:.0001pt;margin-left:.25pt;line-height:10.1pt;background:white;"><strong><span style="font-family:'Courier New'; ">--&gt; <span style="letter-spacing:-.35pt; ">&lt;/style&gt;</span></span></strong></p>
<p class="MsoNormal" style="margin-top:22.1pt;line-height:12.0pt;background:white;"><span style="font-size:12.0pt; ">You can arrange the text on the screen by letting the commands to format them, you will have a well structured HTML content, as  followed:</span></p>
<p class="MsoNormal" style="margin-top:11.3pt;margin-right:123.0pt;margin-bottom:.0001pt;margin-left:.25pt;line-height:9.85pt;background:white;"><strong><span style="font-family:'Courier New'; ">&lt;div class=&rdquo;parte1&rdquo;&gt;Imagina</span></strong><strong><span style="font-family:'Courier New'; ">tion</span></strong><strong><span style="font-family:'Courier New'; "> is more</span></strong><strong><span style="font-family:'Courier New'; ">&lt;/div&gt; <br />
  </span></strong><strong><span style="font-family:'Courier New'; ">&lt;div  class=&rdquo;parte2&rdquo;&gt;important&lt;/div&gt; <br />
  &lt;div class=&rdquo;parte3&rdquo;&gt;than intelligence</span></strong><strong><span style="font-family:'Courier New'; ">&lt;/div&gt; <br />
&lt;div class=&rdquo;parte4&rdquo;&gt;Albert Einstein&lt;/div&gt;</span></strong></p>
<p class="MsoNormal" style="margin-top:7.9pt;line-height:12.0pt;background:white;"><span style="font-size:12.0pt; ">And so, if the CSS code is disabled or they are not supported by your browser, it will read:</span></p>
<p class="MsoNormal" style="margin-top:9.85pt;margin-right:349.45pt;margin-bottom:.0001pt;margin-left:28.3pt;line-height:11.05pt;background:white;"><span style="letter-spacing:-.2pt; font-size:11.0pt; ">Imagina</span><span style="font-size:11.0pt; ">tion is more important than intelligence</span><span style="font-size:11.0pt; "> </span><span style="letter-spacing:-.15pt; font-size:11.0pt; ">Albert  Einstein</span></p>
<span style="letter-spacing:-.05pt; font-family:Arial; font-size:12.0pt; "><br clear="all" style="page-break-before:always;" />
</span>
<p class="MsoNormal" style="margin-top:47.75pt;background:white;">&nbsp;</p>
</body>
</html>
